<!DOCTYPE html>
<html lang="zh-CN" class="no-js">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <meta name="description" content="Kamori的主页">
    <meta name="theme-color" content="#1a1a2e">
    
    <link rel="stylesheet" href="Style.css">
    <script>
        document.documentElement.classList.remove('no-js');
        document.documentElement.classList.add('js');
    </script>

    <title>Kamori 的 主页</title>
</head>
<body>
    <div class="page-container">
        <!-- 左侧导航栏 -->
        <nav class="nav-container" aria-label="站点导航">
            <div class="logo-wrapper">
                <h1 class="logo-title">
                    <span class="logo-emoji">🐾</span>
                        Kamori 的 主页
                </h1>
            </div>

            <ul class="nav-menu" role="menubar">
                <li role="none">
                    <a href="./PersonalPage.html" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="Java学习路线">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">Java学习路线</span>
                    </a>
                </li>
                <li role="none">
                    <a href="https://blog.luvying.com/archives/js-parallax-style" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="鼠标移动“视差”">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">Ying-鼠标移动“视差”</span>
                    </a>
                </li>
                <li>
                    <a href="https://krau.top/"
                        target="_blank"
                        rel="noopener noreferrer"
                        role="menuitem"
                        aria-label="科罗krau的博客">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">Krau's blog</span>
                    </a>
                </li>
                <li role="none">
                    <a href="https://inhami.com/bloglist" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="芋圆社区”">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">芋圆社区</span>
                    </a>
                </li>
                <li role="none">
                    <a href="https://www.mmbkz.cn/category/buildsite/" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="喵喵小站•博客志”">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">喵喵小站•博客志</span>
                    </a>
                </li>
                <li role="none">
                    <a href="https://www.mihu.live/" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="旁逸斜出•博客”">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">旁逸斜出•博客</span>
                    </a>
                </li>
                <li role="none">
                    <a href="https://haowallpaper.com/homeView" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="哲风壁纸">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">哲风壁纸</span>
                    </a>
                </li>
            </ul>

            <button class="mobile-nav-toggle" aria-expanded="false" aria-controls="main-nav">
                <span class="sr-only">菜单</span>
                <i class="icon-menu" aria-hidden="true"></i>
            </button>
        </nav>

        <!-- 中央内容区域 -->
        <main id="main-content" class="main-content" role="main">
            <article class="content-card hero-section" aria-labelledby="hero-heading">
                <h2 id="hero-heading">如果跑不过别人，那就咕蛹到终点~</h2>
                <br>
                <p class="subtitle" style="text-align: center;">◅ 边搜边搭的第一个主页 ▻</p>
                <br>
                <div class="action-links">
                    <a href="./PersonalPage.html" class="learn-more">》 开始探索 《</a>
                </div>
            </article>

            <section class="content-card resource-section" aria-labelledby="resources-heading">
                <h3 id="resources-heading">参考站点</h3>
                <ul class="resource-list" role="directory">
                    <br>
                    <li role="listitem">
                        <a href="https://developer.mozilla.org/zh-CN/" 
                           target="_blank" 
                           rel="noopener noreferrer"
                           aria-label="MDN Web Docs - 开发者指南">
                            • MDN Web Docs"Web百科"
                        </a>
                    </li>
                    <br>
                    <li role="none">
                    <a href="https://blog.csdn.net/weixin_43909881/article/details/105684186" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="切换页面标题教程">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">• 页面标题聚焦参考</span>
                    </a>
                </li>
                <br>
                <li role="none">
                    <a href="https://yiyan.baidu.com" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="文心4.5Turbo">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">• 文心一言</span>
                    </a>
                </li>
                <br>
                    <li role="none">
                    <a href="https://www.lanqiao.cn" 
                       target="_blank" 
                       rel="noopener noreferrer"
                       role="menuitem"
                       aria-label="蓝桥竞赛">
                        <i class="icon-window" aria-hidden="true"></i>
                        <span class="menu-text">• 蓝桥学习页面</span>
                    </a>
                </li>
                </ul>
            </section>
        </main>
        <aside class="sidebar-reserve" aria-label="公告栏">
            <section class="announcement-board">
        <h3 class="board-title">📢 说明:</h3>
        <div class="board-content">
            <p>这是边搜边敲边问Ai写成的一个html页面</p>
            <br>
            <p>也就是...面向AI编程😅</p>
            <br>
            <p>🚧 当前站点持续施工中..</p><br>
            <p>目前自己搞的页面只有一个首页和java路线页</p>
            <br>
            <hr>
            <hr>
            <br>
            <p>拉取其他大佬页面的原因:</p>
                <br>
                <p>-填充空荡荡的页面，用来装饰</p>
                <br>
                <p>-方便查询，当收藏夹了</p>
                <br>
                <hr>
                <hr>
                <br>
            <ul class="board-list">
                <li>👉 最新更新：<a href="./PersonalPage.html">Java学习路线图</a></li><br>
                <li>🔥 热门推荐：<a href="https://www.mmbkz.cn/category/buildsite/">喵喵小站•博客志</a></li><br>
                <li>⚡ 快速导航：左边侧边栏 ↞</li><br>
            </ul>
        </div>
    </section>

    <button class="back-to-top" aria-label="返回顶部">
        <i class="icon-arrow-up" aria-hidden="true"></i>
        <span class="sr-only">↑</span>
    </button>

</body>
</html>